/*

Theme Name: FENGLE

Theme URI: http://biantan.org/

Description: 基于Bootstrap3.0的WordPress主题【杭州网站建设制作/编谈修改】

Author: 编谈

Author URI: http://biantan.org/

Version: 1.0

Tags: Bootstrap3, 扁平化设计, 精致简约,单栏

*/



/*评论*/

.com-1{margin-bottom:40px;position:relative}

.commentlist,.commentlist li{list-style-type:none}

#comments h1,#comments h2{font-size:18px;padding-bottom:5px;margin-bottom:0;font-weight:700;line-height:40px}

.comment-title{border-bottom:1px solid #eee}

.floor{color:#eee;font-size:18px;font-weight:700;font-style:italic;position:absolute;right:5px;top:5px}

#comments #loading,#comments #error{font-weight:700;margin-top:5px}

#comments p{line-height:25px}

#respond{border-top:1px solid #ddd}

.commentlist #respond{border-top:none}

.plk{text-align:center;max-width:600px;margin-left: auto;margin-right: auto;}

#comments .navigation{margin-top:15px;font-size:12px;font-weight:700}

#comments .navigation .current{background:#3B5998;color:#fff;margin:2px;padding:3px 8px}

#comments .navigation a{margin:2px;padding:3px 8px;color:#fff;background:#333}

.loading-comments{display:none;width:100%;height:100%;position:absolute;background:url(images/loading.gif) no-repeat center;top:40px;left:0}

.comment_list{padding:0 10px}

.comment-head{margin-bottom:5px;font-size:12px}

.comment-body .avatar{float:left;margin-right:8px;border-radius:50%;margin-top:-5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid white;-webkit-transition:border-color 0.3s;-moz-transition:border-color 0.3s;-ms-transition:border-color 0.3s;-o-transition:border-color 0.3s}

.name{float:left;padding-right:8px;font-weight:700}

.owner{background:#16a085;border-radius:3px;color:#fff;padding:1px 3px;font-size:11px;margin-right:5px}

.commentlist li a{color:#333}

.date{color:#999}

.comment-reply-link{display:none;color:#3B5998 !important;font-weight:400}

.comment-body:hover .comment-reply-link{display:inline}

.comment-body:hover .avatar{border:2px solid #3B5998}

.comment-entry p{width:80%;color:#555;padding-left:60px}

#cancel-comment-reply-link{font-size:14px;padding-left:10px;font-weight:bold}

.children{margin-left:40px}

.children .depth-8,.children li.depth-8 .children{margin-left:0}

#comment{background: #EBEAE5;

border-radius: 4px 4px 0 0;

clear: both;

color: #BCB7B0;

height: 80px;

padding: 10px;

width: 640px;

width: calc( 100% - 20px );

border: none;

display: block;resize: none;}

.children #respond{margin-left:26px}

#submit{color:#fff;width:auto;margin:15px 0;background-color:#2C9B80;border:none;box-shadow:none;cursor:pointer;padding:2px 15px;line-height:26px;font-size:13px}

.form-submit{margin-top:10px}

.comment-body{border-bottom:1px solid #eee;padding:18px 0;position:relative;font-size:14px}

.comment-body:hover{background-color:#FBFBFB}

.comment_list li p{clear:both;margin-bottom:5px}

#commentform input#comment_mail_notify{display:inline;width:15px}

#comment-edit-link{display:none}









div#comment-author-info {background: #F4F3EF;

border-radius: 0 0 4px 4px;

border-top: 1px dotted #BCB7B0;

clear: both;

color: #AAA8A0;

margin: 0;

padding: 5px 20px;

position: relative;}

input#author {background: none;

color: #BEBDB7;

font-size: 11px;

height: 20px;

line-height: 20px;

margin: 0 9px 0 2px;}

input {

border: medium none;

resize: none;

transition: all 400ms ease 0s;

}

input#email {background: none;

color: #BEBDB7;

font-size: 11px;

height: 20px;

line-height: 20px;

margin: 0 9px 0 2px;}

input#url {background: none;

color: #BEBDB7;

font-size: 11px;

height: 20px;

line-height: 20px;

margin: 0 9px 0 2px;}





textarea#comment {outline-style: none;}

input#author {outline-style: none;}

input#email {outline-style: none;}

input#url {outline-style: none;}



div#comments {margin: 40px 0;}



/*头像旋转*/

* {

	margin:0;

	padding:0;

	list-style:none;

}

body {
	font-size: 19px;
	background:#1F1F1F;
	
}

.txxz {

	width: 110px;

	height: 110px;

	margin: 0 auto;

	-webkit-background-size: 110px 110px;

	-moz-background-size: 110px 110px;

	background-size: 110px 110px;

	-webkit-border-radius: 110px;

	border-radius: 110px;

	-webkit-transition: -webkit-transform 2s ease-out;

	-moz-transition: -moz-transform 2s ease-out;

	-o-transition: -o-transform 2s ease-out;

	-ms-transition: -ms-transform 2s ease-out;

}

.txxz:hover {

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	-o-transform: rotateZ(360deg);

	-ms-transform: rotateZ(360deg);

	transform: rotateZ(360deg);

}



/*分页导航栏菜单*/

.page_navi{overflow:hidden;width:100%;text-align:center}

.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}

.page_navi a:hover,.page_navi a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder}



/* loading-bar */

#loading-bar {

z-index: 99999;

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 3.4px;

}

#loading-bar div {

width: 0;

height: 3.4px;

background: -ms-linear-gradient(left, #E04270, #FF9101, #00A1D6, #58BBB8, #95BE3E);

background: -moz-linear-gradient(left, #E04270, #FF9101, #00A1D6, #58BBB8, #95BE3E);

background: -o-linear-gradient(left, #E04270, #FF9101, #00A1D6, #58BBB8, #95BE3E);

background: -webkit-linear-gradient(left, #E04270, #FF9101, #00A1D6, #58BBB8, #95BE3E);

background: linear-gradient(to right, #E04270, #FF9101, #00A1D6, #58BBB8, #95BE3E);

}



/*共通*/

::selection {

	background: #d9534f;

	color: #ffffff;

}



body.nav-fixed {

	position: relative;

	padding-top: 54px;

}



body {
	font-size: 19px;
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
 	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
 	transparent 75%, transparent);


}




h1,h2,h3,h4,h5 {

	font-weight: 100;

}



ul{

	list-style-type: none;   

}



/* 限定a元素颜色 */

.panel-heading{

	color: #888;

}



.panel a {

	color: #666;

}



.panel a:hover {

	color: #b94a48;

}



.panel .tab-content a:hover,

.panel .nav-pills a:hover {

	color: #ffffff;

}



.panel .tab-content ul.children a:hover {

	color: #d2322d;

}



#archives a{

	color: #b94a48;

}



.tag-article a,

.tag-article a:hover{

	color: #fff;

}



div[class*="danger"] a {

	color: #d9534f;

}



div[class*="danger"] a:hover {

	color: #b94a48;

}



div[class*="success"] a {

	color: #64a765;

}



div[class*="success"] a:hover {

	color: #468847;

}



div[class*="warning"] a {

	color: #d5ad68;

}



div[class*="warning"] a:hover {

	color: #c09853;

}



/* 限定badge类颜色 */

div[class*="danger"] .badge {

	background-color: #d9534f;

}



div[class*="success"] .badge {

	background-color: #64a765;

}



.panel-zan .badge {

	background-color: #d9534f;

}



/*结构*/

#zan-header.navbar {

	border-radius: 0;

	font-size: 14px;

}



#zan-bodyer{

	padding-top: 45px;

}



#if-fixed {

	position: absolute;

	top: 15px;

	right: 20px;

}



#if-fixed input {

	opacity: 0;

}



.navbar-fixed-top #if-fixed i {

	color: #d2322d;



			transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

	     -o-transition: all .25s ease-in-out;



			animation: pined .5s;

	-webkit-animation: pined .5s;

}



@keyframes pined {

	from  {top: -10px;}

	to {top: -3px;}

}



@-webkit-keyframes pined {

	from  {top: -10px;}

	to {top: -3px;}

}



#if-fixed i {

	position: relative;

	top: -3px;

	right: 5px;

	color: #ffffff;

}



.navbar-brand {

	width: 200px;

	height: 50px;

	display: block;

}



/*代码框*/

.syntaxhighlighter{       

    padding: 10px 0 !important;



    		border-radius: 5px;

    -webkit-border-radius: 5px;   

       -moz-border-radius: 5px;  



    		box-shadow: 1px 1px 3px #ccc;   

    -webkit-box-shadow: 1px 1px 3px #ccc;   

       -moz-box-shadow: 1px 1px 3px #ccc;   

 

 }



 /*搜索框*/

div.search{

 	float: right;	

 }



div.search input[type="text"] {

 	width: 230px;

 }



/*文章*/

.article{

	position: relative;

	margin-bottom: 30px;

	padding-bottom: 20px;

}



/*文章-置顶*/

.article-stick {

	position: absolute;

	top: -10px;

	right: 5%;

	font-size: 40px;

	color: #d9534f;

}



/*文章－日期*/

.data-article{

	background-color: #d9534f;

	border-color: #d43f3a;

    position: absolute;

    height: 70px;

    width: 70px;

    border-radius: 100px;

    left: -20px;

    top: -20px;

    color: #fff;

    padding-top: 10px;

}



.data-article span.month,

.data-article  span.day{

	text-align: center;

	display: block;

}



.data-article span.month{

	margin: 0;	

}



.data-article span.day{

	font-size: 30px;	

	font-weight: bold;

	margin-top: -5px;

}



/*文章－标题*/

.title-article {

	padding: 20px 15px 0px 15px;

}



.title-article h1{

	font-size: 32px;

	margin: 0 auto;

	text-align:center;

}



.title-article h1 a{

	color: #3d4450;

}



.title-article h1 a:hover {

	color: #d9534f;

	text-decoration: none;



			transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

		 -o-transition: all .25s ease-in-out;

}



/*文章－标签*/

.label {

	margin-right: 5px;

}



.label-zan:hover {

	background-color: #d9534f;



			transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

		 -o-transition: all .25s ease-in-out;

}



.tag-article{

	text-align: center;

	line-height: 24px;

	margin: 20px;

}



/*文章－内容*/

.centent-article .thumbnail {

	margin-bottom: 20px;

}



/*文章图片*/

.centent-article img {

	margin-right: auto;

	margin-left: auto;

	display: block;

}



/*文章－更多*/

.btn-danger .badge {

	background-color: #FFF;

	color: #d9534f;

	padding: 2px 5px;

	margin-left: 3px;

}



/*文章－百度分享*/

#bdshare a{

	width: 44px;

}



/*相关文章*/

#post-related{

	padding:0 19px 19px 19px;

}



#post-related .related-title{

	text-align: center;

}

#post-related .thumbnail{

	border: 1px solid #ddd;

	min-height: 200px;

}



#post-related .post-related-title{

	height: 33px;

	overflow: hidden;

	text-overflow: ellipsis;     

}



#post-related .post-related-content{

	height: 100px;

}



/*异步加载*/

#infscr-loading img {

	display: none !important;

}



/*侧边栏共通样式*/

.panel-heading {

	border-bottom: none;

	font-size: 14px;

	line-height: 14px;

	font-weight: normal;

}



.panel-toggle,

.panel-remove {

	float: right;

	margin: 0px 0px 0px 5px;

	cursor: pointer;

}



.panel-toggle:hover,

.panel-remove:hover {

	color: #d9534f;

			transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

		 -o-transition: all .25s ease-in-out;

}



.panel.toggled {

		    box-shadow: none;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;



			transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	   -moz-transition: all .5s ease-in-out;

		 -o-transition: all .5s ease-in-out;

}



.panel ul.list-group {

	max-height: 500px;

	overflow: hidden;

	width: 100%;



			transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	   -moz-transition: all .5s ease-in-out;

		 -o-transition: all .5s ease-in-out;

}



.panel.toggled ul.list-group{

	overflow: hidden;

	max-height: 0px;

	width: 100%;



			transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	   -moz-transition: all .5s ease-in-out;

		 -o-transition: all .5s ease-in-out;

}



.panel.toggled .panel-heading {

	border-bottom-right-radius: 3px;

	border-bottom-left-radius: 3px;



			transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	   -moz-transition: all .5s ease-in-out;

		 -o-transition: all .5s ease-in-out;

}



ul.pills-zan {

	padding: 10px;

}



ul.pills-zan li {

	margin-left: 5px;

}



#sidebar-tags {

	padding: 20px;

}



/*侧边栏－标签*/

.pills-danger li.active > a,

.pills-danger li.active > a:hover {

	background-color: #d9534f !important;

	border-color: #d43f3a !important;

}



.tab-content {

	border-top: 1px solid #dddddd;

	padding: 10px;

}



.tagcloud {

	padding: 10px 20px 20px 20px;

}



.tagcloud  a{

	background-color: #5bc0de;

	color: #fff;

	border-radius: 3px;

	padding: 2px 5px;

	font-size: 14px  !important;

	margin-right: 15px;

	margin-bottom: 10px;

	display: inline-block;

	*display: inline;  

	*zoom:1; 

}	



/*侧边栏－评论*/

.panel.archive > a .panel-heading {	

	background-color: #d9534f;

	border-radius: 3px;

	color: #ffffff;

	text-align: center;

	transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

	     -o-transition: all .25s ease-in-out;



}



.panel.archive > a:hover{

	text-decoration: none !important;

}



.panel.archive > a:hover .panel-heading {	

	background-color: #3d4450;

	transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

	     -o-transition: all .25s ease-in-out;

	

}



.new-comments ul li{

	background: url("ui/images/avatar.png") no-repeat left;

	min-height: 31px;

	margin-bottom: 20px;

}



.new-comments ul li a{

	background-color: #5bc0de;

	color: #fff;

	border-radius: 3px;

	padding: 2px 5px !important;

	margin-left: 50px  !important; 

	display: block  !important;     

    overflow: hidden;      

    text-overflow: ellipsis;     

    white-space: nowrap;     

    padding-top: 10px !important;

    height: 40px;



}



.comment-log {

	line-height: 20px;

	background-color: #f1f1f1;

	border-color: #dddddd;

	border-radius: 4px;

	padding: 8px;

	margin-left: 10px;

	display: inline-block;

	*display: inline;  

	*zoom:1; 

}



.comment-log:hover {

	background-color: #f2f2f2;

	border-color: #ccc;

}



.comment-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  top: 50%;

  margin-top: -5px;

  margin-left: 20px;

  border-right-color: #4abcde;

  border-width: 5px 5px 5px 0;

}



img.avatar {

	border-radius: 50%;

	border: 1px solid #e5e5e5;

	position: relative;

	z-index: 99;



			transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

	     -o-transition: all .25s ease-in-out;

}



img.avatar:hover {

			 transform: scale(1.25);

	 -webkit-transform: scale(1.25);

	    -moz-transform: scale(1.25);

	 	  -o-transform: scale(1.25); 



	 	    transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	   -moz-transition: all .25s ease-in-out;

	     -o-transition: all .25s ease-in-out;

}



/*侧边栏-广告*/

.host img{

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.host img:hover {

	opacity: 0.5;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



/*友情链接*/

.blogroll  li{

	margin-bottom: 10px;

}



/*页脚*/

#zan-footer {

	display: block;

	text-align: center;

	color: #333;

	margin: 50px;

}



/*返回顶部*/

#gotop {

	font-size: 40px;

    position: fixed;

    bottom: 50px;

    right: 40px;

    top: auto;

    display: block;

    cursor: pointer;

    z-index: 999;

    color: #3d4450;

}



#gotop:hover {

	color: #d9534f;

	transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-o-transition: all .25s ease-in-out;

}



*html #gotop {

    position: absolute;

    bottom: auto;

    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

}



/*下载页面*/

.bs-masthead {

    padding-bottom: 100px;

    padding-top: 100px;

}



.bs-masthead {

    margin-bottom: 20px;

    padding: 30px 15px;

    position: relative;

    text-align: center;

}



.bs-masthead h1 {

    font-size: 80px;

}



.bs-masthead h1 {

    line-height: 1;

}



.bs-masthead p {

    font-size: 20px;

    margin-left: 15%;

    margin-right: 15%;

}



.bs-masthead .btn {

    background-color: #FFFFFF;

    border-color: #E5E5E5;

    color: #B94A48;

    font-size: 21px;

    margin-bottom: 5px;

    margin-top: 5px;

    padding: 18px 24px;

}



.bs-masthead .btn:hover, .bs-masthead .btn:active {

    background-color: #B94A48;

    border-color: #B94A48;

    color: #FFFFFF;

}



/* wk 自定义 */

body .wk-slideshow-default > div:hover .next, 

body .wk-slideshow-default > div:hover .prev {

	top: 50%;

	width: 40px;

	height: 40px;

	margin-top: -25px;

	opacity: 0.8;

}



body .wk-slideshow-default > div:hover .next {

	background-position: 0 -40px;

}



body .wk-slideshow-default > div:hover .prev {

	left: 40px;

	background-position: 0 0px;

}



body .wk-slideshow-default > div .next:hover, 

body .wk-slideshow-default > div .prev:hover {

	opacity: 1;

} 



body .wk-slideshow-default > div .next, 

body .wk-slideshow-default > div .prev {



	-webkit-transition: opacity 0.5s;

	   -moz-transition: opacity 0.5s;

			transition: opacity 0.5s;

}



/* 多说评论框 */

#ds-thread #ds-reset .ds-post-button {

	background: #d9534f !important;

	border-color: #d9534f !important;

	color: #ffffff !important;

	text-shadow: none !important;

	height: 30px !important;

}



#ds-thread #ds-reset .ds-post-button:hover {

	background: #d9534f !important;

	border-color: #d43f3a !important;

}



.ds-powered-by {

	display: none;

}



/* 百度统计 */

embed[name*="Holmes"] {

	padding-top: 10px;

}



/* <IE9 兼容样式 */

html.ie body,

html.ie #mainstay,

html.ie #sidebar,

html.ie #zan-footer {

	background: url("ui/images/bg.jpg");

}



#ie-warning {

	display: none;

}



html.ie #ie-warning {

	display: block;

}



html.ie .row {

	margin: 0;

}



html.ie #bdshare a {

	display: none;

}



.flex-direction-nav a {

	filter:alpha(opacity=0);

}



.flex-control-thumbs img {

	filter:alpha(opacity=70);

}



.flexslider:hover .flex-next,

.flexslider:hover .flex-prev {

	filter:alpha(opacity=80);

}

.flexslider:hover .flex-next:hover, 

.flexslider:hover .flex-prev:hover,

.flex-control-thumbs img:hover,

.flex-control-thumbs .flex-active {

	filter:alpha(opacity=100);

}



html.ie #ds-thread .ds-no-transition#ds-reset .ds-post-button {

	background: #d9534f !important;

}



/*响应式*/

@media (min-width: 1200px){

	.random .visible-lg,

	.recent .visible-lg,

	.hot .visible-lg.visible-sm{

		display: inline-block !important;

	}

}



@media (min-width: 992px) and (max-width: 1199px){

	.random .visible-md,

	.recent .visible-md,

	.hot .visible-xs.visible-md{

		display: inline-block !important;

	}

}



@media (min-width: 768px) and (max-width: 991px) {

	.hot .visible-lg.visible-sm{

		display: inline-block !important;

	}

	.navbar-brand{

		margin-right: auto !important;

		margin-left: auto !important;

		display: block;

		float: none !important;

	}



	.navbar-nav{

		width: 100%;

		text-align: center;

	}



	.navbar-nav > li{

		float: none !important;

		display: inline-block !important; 

	}



	.navbar-nav > li > a{

		padding: 10px !important;

	}

}



@media (max-width: 767px){

	.hot .visible-xs.visible-md{

		display: inline-block !important;

	}

	#zan-bodyer{

		font-size: 12px !important;

	}

	.bs-masthead{

		margin: 0;

		padding: 10px;

	}



	.bs-masthead h1{

		font-size: 16px;

	}

	.bs-masthead p{

		font-size: 12px;

	}

	.bs-masthead .btn{

		font-size: 12px;

		padding: 6px 12px;

	}



	#zan-footer{

		margin: 20px;

	}

}

.db {
min-height: 20px;
    padding: 19px;
    margin-bottom: 30px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 5px #c2c2c2;
    -moz-box-shadow: 0 0px 5px #c2c2c2;
    box-shadow: 0 0px 5px #c2c2c2;
        display: block;
    }
    .grid-layout-zen {
        width: 100%;
        margin: 0 auto;
    }
    .grid-zen {
        display: inline-block;
        vertical-align: top;
    }
    @media only screen and (max-width: 767px) {
        .grid-layout-zen .grid-zen {
            width: 100%;
        }
        .grid-layout-zen {
            max-width: 370px;
        }
    }
    @media only screen and (min-width: 768px) {
        .grid-layout-zen img.grid-zen {
            width: 35%;
        }
        .grid-layout-zen p.grid-zen {
            width: 62%;
            margin-top: 25px;
            font-size: 16px;
        }
    }

/*测试*/

li:hover ul, li.over ul,ul li:hover {display: block; }